<template>
    <div class="aw-Tag" 
        :class="[
            type ? 'aw-Tag-' + type : '',
            size,
            {
                'is-disabled' : disabled,
                'is-round': round,
            }
        ]" >
        <span>{{content}}</span>
        <svg @click="handleclose" v-show="closable" t="1657541543721" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3133" width="20" height="20">
            <path d="M872.802928 755.99406 872.864326 755.99406 872.864326 755.624646Z" p-id="3134"></path>
            <path d="M927.846568 511.997953c0-229.315756-186.567139-415.839917-415.838893-415.839917-229.329059 0-415.85322 186.524161-415.85322 415.839917 0 229.300406 186.524161 415.84094 415.85322 415.84094C741.278405 927.838893 927.846568 741.29836 927.846568 511.997953M512.007675 868.171955c-196.375529 0-356.172979-159.827125-356.172979-356.174002 0-196.374506 159.797449-356.157629 356.172979-356.157629 196.34483 0 356.144326 159.783123 356.144326 356.157629C868.152001 708.34483 708.352505 868.171955 512.007675 868.171955" p-id="3135"></path><path d="M682.378947 642.227993 553.797453 513.264806 682.261267 386.229528c11.661597-11.514241 11.749602-30.332842 0.234337-41.995463-11.514241-11.676947-30.362518-11.765975-42.026162-0.222057L511.888971 471.195665 385.223107 344.130711c-11.602246-11.603269-30.393217-11.661597-42.025139-0.059352-11.603269 11.618619-11.603269 30.407544-0.059352 42.011836l126.518508 126.887922L342.137823 639.104863c-11.662621 11.543917-11.780301 30.305213-0.23536 41.96988 5.830799 5.89015 13.429871 8.833179 21.086248 8.833179 7.53972 0 15.136745-2.8847 20.910239-8.569166l127.695311-126.311801L640.293433 684.195827c5.802146 5.8001 13.428847 8.717546 21.056572 8.717546 7.599072 0 15.165398-2.917446 20.968567-8.659217C693.922864 672.681586 693.950494 653.889591 682.378947 642.227993" p-id="3136"></path>
        </svg>
    </div>
    
</template>

<script>
export default {
    name:'a-tag',
    props:{
        content:{
            type:String,
            default:'标签'
        },
        type: {
            type: String,
            default:'primary'
        },
        disabled:{
            type: Boolean,
            default:false
        },
        round:{
            type: Boolean,
            default:false
        },
        size: {
            type: String,
            default: 'small'
        },
        closable: {
            type: Boolean,
            default:false
        }
    },

    methods: {
        handleclose(e) {
            this.$emit('handleclose', e)       
        }
    }
}
</script>

<style lang="scss" scoped>
@import "./a-tag.scss";
</style>
